/*
Theme Name: ARC
Theme URI: http://arcproject.co.uk
Version: 1.1
*/

/* CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { margin-top: 0px !important; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: 0; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
a:focus { outline: none; }
*:focus { outline: none; }

::-moz-selection { background: #ccdfe9; color: #7b8497; text-shadow: none; }
::selection { background: #ccdfe9; color: #7b8497; text-shadow: none; }

/* Main Site Styling */

body { font-family: "ff-tisa-sans-web-pro", helvetica neue; font-size: 16px; color: #9e9e9e; background: #f5eee9; -webkit-font-smoothing: antialiased; }

.wrapper { width: 1000px; margin: 0 auto; z-index: 2; position: relative; }

.mobileNav { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: block; background: #f15c22; background: rgba(241,92,34,0.8); display: none; }
.mobileNav .close { width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; cursor: pointer; color: #fff; font-size: 25px; line-height: 40px; border-radius: 100%; font-weight: 100; text-align: center; border: 1px solid #fff; z-index: 9999; }
.mobileNav .menu-header-container { margin: 15% 0 0 0; }
.mobileNav .menu-header-container .menu { width: 100%; margin: 0; padding: 0; list-style: none; text-align: center; }
.mobileNav .menu-header-container .menu li { opacity: 0; }
.mobileNav .menu-header-container .menu li a { width: 100%; padding: 3% 0 2% 0; display: block; font-size: 28px; line-height: 1em; text-decoration: none; color: #fff; font-weight: normal; }
.mobileNav .menu-header-container .menu li a:hover { color: #e25923; background: #fff; }

.mobileNavToggle { width: 100%; height: 35px; text-align: center; background: url(/web/20170720230324im_/http://arcproject.co.uk/wp-content/themes/ARC/images/header/mobile-nav.png) center center no-repeat #F15C22; cursor: pointer; display: none; background-size: 25px 20px; -webkit-background-size: 25px 20px; -moz-background-size: 25px 20px; -o-background-size: 25px 20px; }
.mobileNavToggle:hover { background-color: #e25923; }

.header { width: 100%; height: 350px; position: relative; overflow: hidden; }
.header .bg { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 1; }
.header .wrapper { height: inherit; }
.header .menu-header-container { position: absolute; top: 50px; right: 0; }
.header .menu-header-container > ul { margin: 0; padding: 0; list-style: none; }
.header .menu-header-container > ul li { float: left; }
.header .menu-header-container > ul li a { margin: 0 0 0 30px; display: block; font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; }
.header .menu-header-container > ul li a:hover { color: #f15c22; }
.header .logo { width: 240px; height: auto; margin: 40px 0 0 0; display: block; }
.header .logo img { width: inherit; height: auto; pointer-events: none; }
.header .tagline { margin: 10px 0 0 0; font-size: 13px; letter-spacing: 1px; color: #fff; display: block; }
.header .intro { margin: 20px 0 0 0; font-size: 65px; line-height: 1em; color: #fff; font-family: "ff-tisa-web-pro"; font-weight: normal; }
.header .associated { margin: 0; position: absolute; bottom: 25px; right: 0; color: #e0d8ce; font-size: 15px; line-height: 1em; }
.header .associated a { color: #fff; text-decoration: none; border-bottom: 1px #fff solid; }
.header .associated a:hover { color: #f15c22; border-bottom-color: #f15c22; }

.tiles { width: 1000px; margin: 30px 0 0 0; }
.tiles .tile { margin: 0 1% 2% 1%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative; border-bottom: 10px #f15c22 solid; float: left; }

.tiles .tile.article { width: 31.333%; background: #fff; overflow: hidden; }
.tiles .tile.article .image { width: 100%; height: 180px; overflow: hidden; display: block; }
.tiles .tile.article .image img { width: 100%; height: auto; position: relative; }
.tiles .tile.article .content { padding: 25px 25px 35px 25px; box-sizing: border-box; }
.tiles .tile.article .content h2 { margin: 0 0 15px 0; font-size: 18px; line-height: 1.350em; color: #3b3b3b; font-family: "ff-tisa-web-pro"; font-weight: normal; }
.tiles .tile.article .content h2 a { color: #3b3b3b; text-decoration: none; }
.tiles .tile.article .content p { font-size: 15px; line-height: 1.350em; color: #9e9e9e; }
.tiles .tile.article .readMore { padding: 10px 15px 5px 15px; background: #f15c22; color: #fff; text-decoration: none; display: inline-block; position: absolute; bottom: 0; right: 0; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; z-index: 4; }
.tiles .tile.article .readMore:hover { padding: 10px 15px; background: #c04819; }

.tiles .tile.archive { width: 31.333%; padding: 25px; background: #fff; text-decoration: none; }
.tiles .tile.archive:hover { background: #f15c22; color: #fff; border-bottom-color: #dc5b29; }
.tiles .tile.archive h2 { margin: 0 0 15px 0; color: #3b3b3b; font-size: 18px; line-height: 1.350em; font-family: "ff-tisa-web-pro"; font-weight: normal; }
.tiles .tile.archive p { margin: 0; font-size: 15px; line-height: 1em; color: #9e9e9e; }
.tiles .tile.archive:hover h2, .tiles .tile.archive:hover p { color: #fff; }

.tiles .tile.archive.tagged { border: none; background: #f15c22; color: #fff; }
.tiles .tile.archive.tagged h2 { margin: 0; color: #fff; }
.tiles .tile.archive.tagged h2 span { font-weight: bold; }

.tiles .tile.article.split { width: 64.666%; }
.tiles .tile.article.split .image { width: 338px; height: 338px; float: left; }
.tiles .tile.article.split .image img { width: 120%; }
.tiles .tile.article.split .content { width: 300px; float: right; }

.tiles .tile.article.image { width: 64.666%; height: 338px; }
.tiles .tile.article.image .image { width: 100%; height: 338px; position: absolute; top: 0; left: 0; z-index: 1; background: #333; }
.tiles .tile.article.image .image img { width: 100%; opacity: 0.5; }
.tiles .tile.article.image .content { width: 320px; float: left; position: relative; z-index: 2; }
.tiles .tile.article.image .content h2 { color: #fff; }
.tiles .tile.article.image .content p { color: #fff; opacity: 0.9; }

.tiles .tile.content { width: 64.666%; padding: 25px 25px 5px 25px; background: #6a5e55; color: #f2eae4; }
.tiles .tile.content h2 { margin: 0 0 20px 0; font-size: 38px; line-height: 1em; font-weight: normal; }
.tiles .tile.content h2 span { color: #fff; }
.tiles .tile.content p { margin: 0 0 20px 0; font-size: 15px; line-height: 1.350em; color: #e7ded7; }
.tiles .tile.content p a { color: #fff; opacity: 0.7; text-decoration: none; border-bottom: 1px #fff solid; }
.tiles .tile.content p a:hover { opacity: 1; }

.tiles .tile.social { width: 31.333%; padding: 25px 25px 5px 25px; background: #6a5e55; color: #f2eae4; }
.tiles .tile.social h2 { margin: 0 0 20px 0; font-size: 38px; line-height: 1em; font-weight: normal; color: #fff; }
.tiles .tile.social p { margin: 0 0 20px 0; font-size: 15px; line-height: 1.350em; color: #e7ded7; }
.tiles .tile.social .socialIcons { margin: 0 0 15px 0; }
.tiles .tile.social .socialIcons a { width: 32px; height: 32px; margin: 0 10px 0 0; display: block; float: left; text-decoration: none; }
.tiles .tile.social .socialIcons a img { width: 100%; height: auto; pointer-events: none; }

.tiles .tile.button { width: 31.333%; overflow: hidden; border: none; background: #f15c22; color: #fff; text-decoration: none; }
.tiles .tile.button:hover { background: #c04819; }
.tiles .tile.button h2 { margin: 0; padding: 25px; text-align: center; font-size: 20px; font-weight: 100; }

.sidebar { width: 25%; margin: 40px 0 0 0; padding: 0 0 0 20px; float: right; box-sizing: border-box; }
.sidebar .box { margin: 0 0 20px 0; }
.sidebar .box.image { overflow: hidden; }
.sidebar .box.image img { width: 100%; height: auto; }

.sidebar .box.list { background: #fff; }
.sidebar .box.list ul { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.sidebar .box.list ul li { padding: 17px 20px 15px 20px; border-bottom: 1px #e9e9e9 solid; }
.sidebar .box.list ul li:last-child { border: none; }
.sidebar .box.list ul li.title { background: #f15c22; color: #fff; border: none; }
.sidebar .box.list.alt ul li.title { background: #6a5e55; }
.sidebar .box.list ul li strong { font-weight: normal; color: #444; }
.sidebar .box.list ul li a { color: #444; text-decoration: none; }
.sidebar .box.list ul li a:hover { color: #f15c22; }

.sidebar .box.list.posts ul li a { line-height: 1.450em; }

.sidebar .box.tags { background: #fff; }
.sidebar .box.tags .title { padding: 17px 20px 15px 20px; background: #f15c22; color: #fff; border: none; }
.sidebar .box.tags ul { margin: 0; padding: 10px; list-style: none; }
.sidebar .box.tags ul li { display: inline; }
.sidebar .box.tags ul li a { margin: 0 3px 5px 0; padding: 5px 7px; display: inline-block; background: #d1d1d1; border-radius: 3px; color: #666; text-decoration: none; }
.sidebar .box.tags ul li a:hover { background: #f15c22; color: #fff; }

.responsiveImage { width: 100%; height: 350px; margin: 20px 0 0 0; overflow: hidden; display: none; }

article.single { width: 75%; margin: 40px 0 30px 0; padding: 40px 40px 20px 40px; float: left; background: #fff; box-sizing: border-box; }
article.single h1 { margin: 0 0 15px 0; font-size: 38px; line-height: 1.350em; color: #3b3b3b; font-family: "ff-tisa-web-pro"; font-weight: normal; }
article.single .content { font-size: 15px; line-height: 1.500em; color: #777; }
article.single .content p, article.single .content ul, article.single .content ol { margin: 0 0 20px 0; }
article.single .content strong { color: #444; }
article.single .content a { color: #f15c22; text-decoration: none; border-bottom: 1px #f15c22 solid; }
article.single .content a:hover { color: #b1461c; border-bottom-color: #b1461c; }
article.single .content .casewatch-box table { width: 100%; margin: 0 0 50px 0; position: relative; }
article.single .content .casewatch-box table:after { width: 100%; height: 1px; content: " "; background: #f1f1f1; display: block; position: absolute; bottom: -25px; left: 0; }
article.single .content h1, article.single .content h2, article.single .content h3, article.single .content h4, article.single .content h5, article.single .content h6 { margin: 0 0 20px 0; color: #3b3b3b; font-family: "ff-tisa-web-pro"; font-weight: normal; }
article.single .content img { max-width: 100%; width: auto; height: auto; }
article.single .content img.alignleft { margin: 0 30px 20px 0; float: left; }
article.single .content iframe { width: 100%; height: 350px; }
article.single .content a.button { margin: 0; padding: 15px 20px 10px 20px; background: #f15c22; color: #fff; display: inline-block; text-decoration: none; }
article.single .content a.button:hover { background: #c04819; }

.footer { width: 100%; padding: 20px 0; background: #333; text-align: center; color: #f1f1f1; }
.footer p { margin: 0; }
.footer p a { color: #fff; text-decoration: none; }
.footer p a:hover { text-decoration: underline; }

/* Clearfix */

.cf:before, .cf:after, .wrapper:before, .wrapper:after { content: ""; display: table; }
.cf:after, .wrapper:after { clear: both; }
.cf, .wrapper { *zoom: 1; }

/*
     FILE ARCHIVED ON 23:03:24 Jul 20, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:30:44 Jun 10, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 163.801
  exclusion.robots: 0.071
  exclusion.robots.policy: 0.065
  cdx.remote: 0.049
  esindex: 0.006
  LoadShardBlock: 131.903 (3)
  PetaboxLoader3.datanode: 143.274 (5)
  CDXLines.iter: 13.265 (3)
  load_resource: 231.001 (2)
  PetaboxLoader3.resolve: 145.829 (2)
*/